絵文字検索を snowpack ベースに置き換えた

かなり昔から簡単なウェブアプリのサンプルとして絵文字検索をお題にしている

react や inferno (懐かしい)とかもある

その最新版は preact-cli 版だったんだけど、snowpack 事始めで snowpack 面白いとおもったので snowpack ベースに置き換えてみた

preact なのは変わらず

htm ではコンポーネントを参照するのに <${Comp} /> みたいな書き方をする

属性に変数とか関数をセットする時は <div onClick=${...}> みたいな感じ

preact/hooks をソース側で参照していたら node_modules/preact/hooks から引っ張ってきてほしかったんだけど、解決できないっぽくて諦めてホワイトリスト方式にした

esm なので当然なんだけど

https://gyazo.com/6e339f8d417b1eeed60e7f7d4914ef46

ネットワークのリクエストをみると app.js が読み込まれて、それから app.js で import している preact などが読み込まれて〜という感じになっている